@color-primary: #3f50b5;
@color-primary-light: #757de8;
@color-primary-dark: #002884;
@color-secondary: #f44336;
@color-secondary-light: #ff7961;
@color-secondary-dark: #ba000d;
@color-surface: #feffff;
@color-background: #e0e0e0;
@color-error: #d50000;

@color-on-primary: #fff;
@color-on-secondary: #fff;
@color-on-surface: #000;
@color-on-background: #000;
@color-on-error: #fff;

@color-grey-50: #fafafa;
@color-grey-100: #f5f5f5;
@color-grey-200: #eeeeee;
@color-grey-300: #e0e0e0;
@color-grey-400: #bdbdbd;
@color-grey-500: #9e9e9e;
@color-grey-600: #757575;
@color-grey-700: #616161;
@color-grey-800: #424242;
@color-grey-900: #212121;

@color-white: #fff;
@color-black: #000;
